<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->
<head>
	<!-- Basic Meta Tags -->
  <meta charset="utf-8">
  <title>RILEY - template by entiri</title>
	<meta name="description" content="RILEY - Responsive HTML Template by entiri">
	<meta name="keywords" content="riley, entiri, theme, template, store, eshop, shop, unique, multipurpose, sliders, corporate, clean, modern, bootstrap, creative, design">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--[if (gte IE 9)|!(IE)]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <![endif]--> 

  <!-- Favicon -->
  <link href="img/favicon.png" rel="icon" type="image/png">

  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet">
  
  <!-- Styles -->
  <link href="css/styles.css" rel="stylesheet" id="color-style"> 

  <!-- LayerSlider Styles -->
  <link href="layerslider/css/layerslider.css" rel="stylesheet">

  <!-- Revolution CSS -->
  <link href="rs-plugin/css/settings.css" rel="stylesheet" media="screen">

  <!-- Flexslider CSS -->
  <link href="css/flexslider.css" rel="stylesheet">

  <!-- Refine Slider -->
  <link href="css/refineslide.css" rel="stylesheet">  
                                
  <!-- Magnific Popup -->
  <link href="css/magnific-popup.css" rel="stylesheet"> 

  <!-- Animate -->    
  <link href="css/animate.css" rel="stylesheet">

  <!-- Font Awesome Style -->
  <link href="css/font-awesome.min.css" rel="stylesheet">
  
  <!-- Entypo Icons -->    
  <link href="css/entypo.css" rel="stylesheet">

  <!-- Web Fonts -->
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800' rel='stylesheet' type='text/css'>
  
	<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   

	<script src="js/modernizr.js"></script>
</head>       
<body>

  <!-- Header -->
  <header> 

    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="top-container">
            <!-- Logo -->                       
      			<a href="index.html" class="logo" title="Home"><img src="img/logo.png " alt=""></a>                     
  
            <!-- Top Items --> 
            <ul class="top-items">
              <li><i class="fa fa-lightbulb-o"></i>Hotline: +321 088 670</li>
              <li class="red"><i class="fa fa-envelope-o"></i><a href="mailto:info@yoursite.com" class="red">info@yoursite.com</a></li>
            </ul>
            <!-- Top Items End --> 
          </div>
        </div> 
      </div> 
    </div> 

    <!-- Nav -->
    <nav class="navbar" role="navigation">
      <div class="navbar-inner">
        <div class="container">     
          <!-- Menu -->
          <ul class="nav navbar-nav" id="nav">
            <li><a href="index.html" title="">Home</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="index-2.html" title="">Home 2 - Parallax</a></li>
                <li><a href="index-3.html" title="">Home 3 - Refine Slider</a></li>
                <li><a href="index-4.html" title="">Home 4 - Flex Slider</a></li>
                <li><a href="index-5.html" title="">Home 5 - Video</a></li>
                <li><a href="index-6.html" title="">Home 6 - Top Bar</a></li>
                <li><a href="index-7.html" title="">Home 7 - Footer 2</a></li>
                <li><a href="index-8.html" title="">Home 8 - Shop</a></li>
                <li><a href="index-9.html" title="">Home 9 - Shop 2</a></li>
                <li><a href="index-10.html" title="">Home 10 - Revolution Slider</a></li>
  						</ul>
              <!-- Submenu End -->
            </li>
            <li class="selected"><a href="services.html" title="">Services</a></li> 
            <li><a href="about.html" title="">About</a></li> 
            <li><a href="projects.html" title="">Projects</a> 
              <!-- Submenu -->
  						<ul>
                <li><a href="projects-2.html" title="">2 Columns</a></li>
                <li><a href="projects-3.html" title="">3 Columns</a></li>
                <li><a href="projects-4.html" title="">2 Columns Boxed</a></li>
                <li><a href="projects-5.html" title="">3 Columns Boxed</a></li>
                <li><a href="projects-6.html" title="">4 Columns Boxed</a></li>
                <li><a href="projects-7.html" title="">3 Columns Full Width</a></li>
                <li><a href="projects-8.html" title="">4 Columns Full Width</a></li>
                <li><a href="projects-9.html" title="">6 Columns Full Width</a></li>
                <li><a href="project-detail.html" title="">Project Detail</a></li> 
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="blog.html" title="">Blog</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="blog-full.html" title="">Blog Full Width</a></li> 
                <li><a href="blog-detail.html" title="">Blog Detail</a></li> 
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="components.html" title="">Features</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="components.html" title="">Components</a></li>
                <li><a href="entypo.html" title="">Entypo Icons</a></li>
                <li><a href="icons.html" title="">Awesome Icons</a></li>
                <li><a href="pricing.html" title="">Pricing Tables</a></li>
                <li><a href="grid.html" title="">Grid System</a></li>
                <li><a href="#" title="">2nd Submenu</a>
                  <!-- Submenu 2nd -->
      						<ul>
                    <li><a href="#" title="">Item 001</a></li> 
                    <li><a href="#" title="">Item 002</a></li> 
                    <li><a href="#" title="">Item 003</a></li> 
                    <li class="selected"><a href="#" title="">Item 004 - Active</a></li> 
      						</ul>
                  <!-- Submenu 2nd End -->
                </li>
  						</ul>
              <!-- Submenu End -->
            </li> 
            <li><a href="contact.html" title="">Contact</a>
  						<ul>
                <li><a href="contact-2.html" title="">Contact 2</a></li> 
                <li><a href="contact-3.html" title="">Contact 3</a></li> 
  						</ul>
            </li> 
          </ul>
          <!-- Menu End -->      
           
          <!-- Social Top --> 
          <div class="social-top social-6">
            <a href="#"><i class="fa fa-dribbble"></i></a>
            <a href="#"><i class="fa fa-dropbox"></i></a>
            <a href="#"><i class="fa fa-facebook"></i></a>
            <a href="#"><i class="fa fa-flickr"></i></a>
            <a href="#"><i class="fa fa-linkedin"></i></a>
          </div>  
          <!-- Social Top End -->  
          
        </div> 
      </div>  
    </nav>
    <!-- Nav End -->
    
  </header>
  <!-- Header End -->
                      
  <!-- Content -->    
  <div class="breadcrumb-container">
    <div class="container">  
      <div class="row">  
        <div class="col-md-12">
          <h1>Services</h1>
          <ol class="breadcrumb">
            <li><a href="index.html">Home</a></li>
            <li class="active">Services</li>
          </ol>
        </div>  
      </div> 
    </div> 
  </div>

  <div class="space20"></div>

  <!-- Service --> 
  <div class="container">
    <div class="row">

      <div class="col-md-3">
        <div class="service">  
          <h4>Inovation</h4>
          <p>Separated they live in Bookmarksgrove right at the gee's place coast of the Semantics, large language ocean. Small river serpents.</p>
          <i class="fa fa-signal"></i>
        </div>
        <div class="space40"></div>    
      </div> 
      
      <div class="col-md-3">
        <div class="service">  
          <h4>Web Design</h4>
          <p>Bookmarksgrove sarated they live in marks groove right at the coast of the Semantics, a large language small river tilabuch.</p>
          <i class="fa fa-eye"></i>
        </div>  
        <div class="space40"></div>   
      </div> 
  
      <div class="col-md-3">
        <div class="service">  
          <h4>Retrospective</h4>
          <p>Mantacs, a large language ocurap Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river.</p>
          <i class="fa fa-magic"></i>
        </div>  
        <div class="space40"></div>   
      </div> 
        
      <div class="col-md-3">
        <div class="service">  
          <h4>Development</h4>
          <p>Terrove right at the coast of the Semantics, a large language ocean. A smeparated they live in kmarkall river namebak.</p>
          <i class="fa fa-trophy"></i>   
        </div>  
        <div class="space40"></div>   
      </div> 
      
    </div>
  </div> 
  <!-- Service End --> 

  <!-- Modern Box -->         
  <div class="container">  
    <div class="row space60"></div>
    <div class="row modern-box">
      <div class="col-md-6 center">
        <h2>Looking for something<br><strong>Clean and Modern?</strong></h2>
        <button class="btn">Read More</button>
        <div class="row space40"></div>
      </div>
      <div class="col-md-6">
        <img src="img/devices/01.png" alt="">
      </div>
    </div> 
    <div class="row space60"></div>
  </div>                            
  <!-- Modern Box End --> 

  <div class="container">  
    <div class="row">  
      <div class="col-md-12">
        <h4>Recent Works</h4>   
      </div>  
    </div> 
  </div>     

  <!-- Recent Works -->
  <div class="container popup-gallery">
    <div class="row">

      <article class="col-md-3 col-sm-3 boxed-project">
        <div class="img-container">
          <!-- Item Link -->  
          <a href="img/gallery/01.jpg" title="Photo Title">
            <!-- Image -->
            <img src="img/gallery/01.jpg" alt="">
            <!-- Icon -->  
            <i class="fa fa-arrows-alt"></i>
          </a>
          <!-- Item Link End -->          
        </div>
        <div class="title">
          <h4>Boxed Project Title</h4>
          <h6>Webdesign</h6>
        </div>
      </article> 
      <article class="col-md-3 col-sm-3 boxed-project">
        <div class="img-container">
          <!-- Item Link -->  
          <a href="img/gallery/02.jpg" title="Photo Title">
            <!-- Image -->
            <img src="img/gallery/02.jpg" alt="">
            <!-- Icon -->  
            <i class="fa fa-arrows-alt"></i>
          </a>
          <!-- Item Link End -->          
        </div>
        <div class="title">
          <h4>Boxed Project Title</h4>
          <h6>Webdesign</h6>
        </div>
      </article> 
      <article class="col-md-3 col-sm-3 boxed-project">
        <div class="img-container">
          <!-- Item Link -->  
          <a href="img/gallery/03.jpg" title="Photo Title">
            <!-- Image -->
            <img src="img/gallery/03.jpg" alt="">
            <!-- Icon -->  
            <i class="fa fa-arrows-alt"></i>
          </a>
          <!-- Item Link End -->          
        </div>
        <div class="title">
          <h4>Boxed Project Title</h4>
          <h6>Webdesign</h6>
        </div>
      </article> 
      <article class="col-md-3 col-sm-3 boxed-project">
        <div class="img-container">
          <!-- Item Link -->  
          <a href="img/gallery/04.jpg" title="Photo Title">
            <!-- Image -->
            <img src="img/gallery/04.jpg" alt="">
            <!-- Icon -->  
            <i class="fa fa-arrows-alt"></i>
          </a>
          <!-- Item Link End -->          
        </div>
        <div class="title">
          <h4>Boxed Project Title</h4>
          <h6>Webdesign</h6>
        </div>
      </article> 
 
    </div>
  </div> 
  <!-- Recent Works End -->

  <div class="space40"></div>
  
  <div class="container">
    <div class="row">
      <div class="col-md-6">
      
        <!-- List -->
        <ul class="list-3">
          <li>
            <a href="#"><i class="fa fa-angle-right"></i> Soprav ostrud exeinim iriuvissuto nolo velor iaculis.</a>
          </li><li>  
            <a href="#"><i class="fa fa-caret-right"></i> Le Aorem Ipainorper suscipit lobortis nisl uyuip ex elit.</a>
          </li><li>  
            <a href="#"><i class="fa fa-long-arrow-right"></i> Contrair Lorem naliquim veniam, quis noet mollis.</a>
          </li><li>  
            <a href="#"><i class="fa fa-hand-o-right"></i> On sait travaquip ex eim ad seiller cotà opinion.</a>
          </li><li>  
            <a href="#"><i class="fa fa-arrow-right"></i> Al contri quaon enoeniam, quis dio, ringilla.</a>
          </li><li>  
            <a href="#"><i class="fa fa-chevron-right"></i> Sait depdue gravida portim veniam, quis notitor.</a>
          </li><li>  
            <a href="#"><i class="fa fa-caret-right"></i> Tokinim veniam, quis ajt dep due gravidti salu.</a>
          </li>
        </ul>
        <!-- List End -->
        <div class="space20"></div>
        <div class="divider"></div>
        <div class="space40"></div>
        
      </div>  
      <div class="col-md-6">
      
        <!-- Tabs -->
        <div class="tabbable">
          <ul class="nav nav-tabs">
            <li class="active"><a href="#tab1-1" data-toggle="tab"><i class="fa fa-fire"></i>Tab 1</a></li>
            <li><a href="#tab1-2" data-toggle="tab"><i class="fa fa-pencil"></i>Tab 2</a></li>
            <li><a href="#tab1-3" data-toggle="tab"><i class="fa fa-check"></i>Tab 3</a></li>
            <li><a href="#tab1-4" data-toggle="tab"><i class="fa fa-calendar"></i>Tab 4</a></li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="tab1-1">
              <h3>I'm in Section 1</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exeinim iriure dolor in hendinim veniam, quis nostrud exerexerci tation ullamcoramcorper suscipit lobortis nisl ut aliquip ex ea commodo consequrud exerci tation ullamcorper susc nostrudexerci tation ullamtion ullamcoer susc nostrudexerci tation ullamcoramcorper suscipit lobor</p>
            </div>
            <div class="tab-pane" id="tab1-2">
              <h3>I'm in Section 2</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcinim veniam, quis nostrud exerci tand mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc. Pa ad minim veniam, quis nostrud exerci trum claram, anteposuerit littera ad minim veniam, quis nostrud exerci trum formas humanitatud exerci tation ullamcorper susc nostrudexe.</p>
            </div>
            <div class="tab-pane" id="tab1-3">
              <h3>I'm in Section 3</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex eim ad sequat. Duis autem vel eum iriure dolor in hendrerit in vinim veniam, quis nostrud einim veniam, qocessus dynamicus, and mutationem consuetuum est notare quam littera gothica, quam nunc. Parum claram, anteposuerit litterarum formas humanitattion ullamcorper suscipit lobul</p>
            </div>
            <div class="tab-pane" id="tab1-4">
              <h3>I'm in Section 4</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exerci torper suscipit lobortis nisl ut aliquip ex ea coiipit lobmmodo consequat. Duis autem vel eum iriure dolor in hendrerit in vinim veniam, quis nostrud einim veniam, qocessus dynamicus, and mutationem consuetuum est notare quam littera gothica, quam nunc. Parum claram, anteposuerit litterarum formas humanitattion ullamcorper suscipit lobul</p>
            </div> 
          </div>
        </div>
        <!-- Tabs End -->
        <div class="space40"></div>
        
      </div>     
    </div>
  </div>       

  <div class="space40"></div>

  <!-- Partners -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">

        <ul class="partners-6">  
          <li> 
            <img src="img/partners/01.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/02.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/03.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/04.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/05.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/06.png" alt="">
          </li> 
        </ul>

      </div>
    </div>
  </div>      
  <!-- Partners End -->

  <div class="space60"></div>
  <!-- Content End -->
           
  <!-- Footer -->  
  <footer class="footer">

    <!-- Parallax --> 
    <div id="parallax-one" class="parallax" style="background-image:url(img/parallax/02.jpg);">
      <div class="footer-promo">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <h2>MODERN PROMO BOX</h2>
              <h4>Present Yourself</h4>
            </div>
          </div>
        </div>
      </div>
    </div> 
    <!-- Parallax End --> 

    <div class="footer-info">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-sm-6">
            <h6>ABOUT US</h6>         
            Tingue phasellus mattis mid elementum dictumst dignissa in in risus nunc aaunissim hendrerit nibeh.<br>
            <br>
            Mon – Fri : 10 AM to 5 PM<br>
            Sat – Sun : 10 AM to 2 PM<br>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>RECENT NEWS</h6>      
            <ul class="list-5">
              <li>
                <a href="#"><i class="fa fa-caret-right"></i> Soprav sutoro selo niaculis</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Le insinuyva holeik nelid</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Contrair to batusel korem</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Oncotà fan the opinan</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Sait depdubali behod ratitor</a>
              </li>
            </ul>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>CONTACT INFO</h6>
            81 Sunnyvale Street<br>
            Los Angeles, CA 90185<br>
            United States<br>
            <br>
            <div class="item-icon">
              <i class="fa fa-phone"></i>
              (613) 555-0000-852<br>
            </div>
            <div class="item-icon">
              <i class="fa fa-envelope"></i>
              <a href="mailto:info@riley-template.com">info@riley-template.com</a><br>
            </div>
            <div class="item-icon">
              <i class="fa fa-comment"></i>
              <a href="mailto:chat@riley-template.com">chat@riley-template.com</a><br>
            </div>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>FLICKR PHOTOS</h6>
            <div class="flickr">
              <a href="#"><img src="img/flickr/01.jpg" alt=""></a>
              <a href="#"><img src="img/flickr/02.jpg" alt=""></a>
              <a href="#"><img src="img/flickr/03.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/04.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/05.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/06.jpg" alt=""></a> 
            </div>
            <div class="space30"></div>
          </div>
        </div>
      </div>
    </div>

    <div class="copyright"> 
      <div class="container">  
        <div class="row">
          <div class="col-md-4 col-sm-4">
            <div  class="logo-footer">  
                <img src="img/logo-footer.png" alt="">
            </div>     
          </div>  
          <div class="col-md-8 col-sm-8">
            <div class="copyright-info">
              &copy; 2014 RILEY. All Rights Reserved. Designed & powered by <a href="../index.html" rel="external" class="entiri">entiri</a>
            </div>
          </div>  
        </div> 
      </div>  
    </div>
    
  </footer>     
  <!-- Footer End --> 
  
  <a href="#" class="back-to-top"><span></span></a> 

  <!-- JavaScripts -->
  <script type="text/javascript" src="js/jquery-1.10.2.js"></script>                                                       
  <script type="text/javascript" src="js/bootstrap.js"></script>  
  <script type="text/javascript" src="js/jquery.easing.js"></script>  
  <script type="text/javascript" src="js/jquery.sticky.js"></script>
  <script type="text/javascript" src="js/tinynav.min.js"></script>      
  <script type="text/javascript" src="js/animate.js"></script>
  <script type="text/javascript" src="js/jquery.fitvids.js"></script> 
  <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
  <script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
  <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script> 
  <script type="text/javascript" src="js/retina.js"></script> 
  <script type="text/javascript" src="js/respond.min.js"></script> 
  <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
  <script type="text/javascript" src="js/jquery.refineslide.js"></script>
  <script type="text/javascript" src="layerslider/js/greensock.js"></script>
  <script type="text/javascript" src="layerslider/js/layerslider.transitions.js"></script>
  <script type="text/javascript" src="layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
  <script type="text/javascript" src="js/functions.js"></script> 
      
</body>
</html>
         
<!-- Localized -->